﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Home</title>
<link rel="stylesheet" href="css/960/reset.css" />
<link rel="stylesheet" href="css/960/text.css" />
<link rel="stylesheet" href="css/960/960.css" />
<link rel="stylesheet" href="css/layout.css" />
<link rel="stylesheet" href="css/style.css" />
</head>
<body>

<div class=container_12>

	<div class="alpha omega grid_12" id="div_header">
		<div>
			注册；登录;注销;
		</div>
		<span>
			开始地点:<input type="text" />~结束地点:<input type="text" /><input type="submit" value="查询"/>
		</span>
	</div>
	<div class="clear"></div>
	
	<div class="alpha omega grid_12" id="div_menu">
		<ul id="menu">
			<li><a href="#" target=_self>首页</a></li>
			<li><a href="#" target=_self>路线查询</a></li>
			<li><a href="#" target=_self>景点浏览</a></li>
			<li><a href="#" target=_self>我要发布</a></li>
			<li><a href="#" target=_self>联系我们</a></li>
			<li><a href="#" target=_self>帮助</a></li>
		</ul>
	</div>
	<div class="clear"></div>

	<div class="grid_2 alpha" id="div_sidebar">
			<em>最受欢迎路线<em>
			<ul>
				<li>lorem ipsum</li>
				<li>aliquam mauris </li>
			</ul>
			<h2>top 10 place</h2>
			<ul>
				<li>lorem ipsum</li>
				<li>aliquam mauris </li>
				<li>vestibulum </li>
				<li>nunc dignissim </li>
				<li>cras ornare </li>
				<li>vivamus</li>
				<li>praesent </li>
				<li>fusce </li>
				<li>integer vitae .</li>
				<li>vestibulum </li>
			</ul>
			<p>&nbsp;</p>
	</div>

	<div class=grid_6 id="div_content">
		<h1>aenean dignissim pellentesque felis.</h1>
		<div id=short-para>
			<p>lorem ipsum dolor sit amet, consectetuer adipiscing elit. donec odio. quisque volutpat mattis eros. nullam malesuada erat ut turpis. suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
			<p>donec nec justo eget felis facilisis fermentum. aliquam porttitor mauris sit amet orci. aenean dignissim pellentesque felis.</p>
			<p>morbi in sem quis dui placerat ornare. pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. sed arcu. cras consequat.</p>
			<h4>quisque a lectus.</h4>
			<p>praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. aliquam erat volutpat. nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</p>
			<p>phasellus ultrices nulla quis nibh. quisque a lectus. donec consectetuer ligula vulputate sem tristique cursus. nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</p>
			<p>pellentesque fermentum dolor. aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</p>
			<p>sed adipiscing ornare risus. morbi est est, blandit sit amet, sagittis vel, euismod vel, velit. pellentesque egestas sem. suspendisse commodo ullamcorper magna.</p>
		</div>
	</div>

	<div class="grid_4 omega" id="div_others">
		<h2>sponsors</h2>
		<p>no sponsors current now.no sponsors current now.no sponsors current now.no sponsors current now.no sponsors current now.no sponsors current now.</p>
	</div>
	<div class="clear"></div>

	<div class="grid_12 alpha omega" id="div_footer">
		<p>copyright @2011-2021 china travel workgroup.<a href="###">this article and the site are ? by divitodesign</a>
		</p>
	</div>
	<div class="clear"></div>
	
</div>
</body>
</body>
</html>

